iT邦幫忙

2024 iThome 鐵人賽

DAY 30
2
JavaScript

TypeScript 初學者也能看的學習指南系列 第 30

TypeScript 初學者也能看的學習指南 30 - 參賽歷程 & 完賽!!!

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20241010/20149362BPl7G9v6TG.png

今天是完賽日也是雙十節,先祝大家雙十節快樂 /images/emoticon/emoticon37.gif
這是第三次參加鐵人賽,不過確卻是體感最漫長的一次,心想怎麼寫了那麼久還沒完賽(,,•́ . •̀,,)
不過最後總算咬牙完成了!耶~每個完賽者也都辛苦了

歷年鐵人賽

有興趣的人可以逛逛喔~如果內容有錯誤也歡迎留言告訴我

這次參加鐵人賽中遇到的困難

時間掌握

雖然一開始的文章,有事先寫好庫存,但每次發布前,還是會花很多時間再校正一次內容,所以每篇文幾乎都壓線發🤣🤣
也曾有一半以上的內容都被自己砍掉重練...
畢竟寫這系列文章的初衷並非只是來參賽,check to do list 而已 ✅
更多的是希望自己能真正理解,在未來的某天當我想要查某些觀念時,可以透過自己的文章來回憶

然而,大概到第 20 天就開始沒庫存了🤣 變成一天發一篇,這時心中的壓力就蠻大的
雖然知道自己一定會排除萬難在時間內發文,但真的只有一個字 累XDD
有想想趁假日多囤一些文,但發現光寫一篇文平均 4 - 5 個小時,精力已耗盡

另外,在寫鐵人賽期間我會用一款 APP 叫做「時間塊青春版」
相信大家可能不只有鐵人賽要寫,還會有其他事要做
所以當時就用這款 APP 管理下班後的時間運用,這樣也可以清楚知道自己每天的安排和這禮拜幾做了什麼/還沒做什麼
https://ithelp.ithome.com.tw/upload/images/20241010/20149362y505Eb4BNW.png

這是我某天的規劃,時間到手機預設會跳通知提醒你,雖然我很長超時就是了XD
https://ithelp.ithome.com.tw/upload/images/20241011/201493629Aq4ScXGV0.png

學習資源

  1. 官方文件
    在學習 TypeScript 的過程中,幾乎都是看文件看來學,個人覺得 TS 官方文件真的寫得蠻不錯的,內容很豐富

  2. Maxwell Alexius 大大的 TypeScript 系列文章
    若你想知道更進階的內容,可以看 Maxwell Alexius 大大的 TypeScript 系列文章 ,雖然年代久遠,但內容是個人目前看過寫的數一數二詳盡而且扎實的,當然字數也是數一數二多的啦XD

  3. 《TypeScript Deep Dive》 中文版
    由 Basarat Ali Syed 編寫的 TypeScript Deep Dive(英文版) 是一本免費的 GitBook,講解深入,適合有一定基礎的學習者

  4. 保哥 - TypeScript 新手指南
    TypeScript入門教程 的繁中版 ,也是一本免費的 GitBook,適合初學者作為入門

  5. freeCodeCamp - Learn TypeScript(完整版)
    Codecademy 有提供免費的 TypeScript 影音課程唷!以互動式教學方式幫你掌握基礎

  6. TypeHero
    TypeHero 就像是 TypeScript 版的 Leecode,但娑要更精準的說, TypeHero 會更側重在學習上。平台上面從簡單到困難的 TypeScript 題目都有

文章總結

天數 文章連結 備註
Day01 連結 開場白
Day02 連結 環境建立
Day03 連結 tsconfig.json
Day04 連結 Type Annotations & Type Inference
Day05 連結 object
Day06 連結 array
Day07 連結 tuple
Day08 連結 function
Day09 連結 Function Overloads
Day10 連結 enum
Day11 連結 enum - const Enums & Ambient Enums
Day12 連結 Union Types & Intersection Types
Day13 連結 Literal Types
Day14 連結 Type Assertion
Day15 連結 any
Day16 連結 unknown
Day17 連結 void
Day18 連結 undefined & null
Day19 連結 never
Day20 連結 interface
Day21 連結 Type Alias
Day22 連結 Conditional Types
Day23 連結 Generics X 泛型函式
Day24 連結 Generics X 泛型約束
Day25 連結 Generics X 參數預設值 X type 應用
Day26 連結 實用套件介紹
Day27 連結 Vue3 + TS 實作 To Do List - part 1
Day28 連結 Vue3 + TS 實作 To Do List - part 2
Day29 連結 讓 TypeHero 成為你學習的助力
Day30 連結 完賽

最後的最後很感謝 IT 邦幫忙舉辦這樣的賽事讓更多好文被看見👍🏻
也是給自己一個學習和磨練的機會
明年如果又來參賽,會想嘗試寫跟技術無關的東西,再請多指教啦


上一篇
TypeScript 初學者也能看的學習指南 29 - 讓 TypeHero 成為你學習的助力
系列文
TypeScript 初學者也能看的學習指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
Antonio
iT邦新手 5 級 ‧ 2024-10-11 00:16:35

恭喜完賽,之後再花時間好好複習你的文章~

hannnahTW iT邦新手 2 級 ‧ 2024-10-11 00:24:15 檢舉

謝謝安東尼~

0
ayao
iT邦新手 5 級 ‧ 2024-10-11 10:48:21

恭喜完賽,太厲害了

hannnahTW iT邦新手 2 級 ‧ 2024-10-14 22:53:56 檢舉

耶~謝謝你/images/emoticon/emoticon37.gif

0
Rafael
iT邦新手 2 級 ‧ 2024-10-11 13:28:18

恭喜完賽~~最近自學TS很多不懂的,看完妳的文章後就比較順利了

hannnahTW iT邦新手 2 級 ‧ 2024-10-14 22:55:08 檢舉

哇真開心能對你有所幫助!感動OAO
原本還很擔心是不是寫得不太好,謝謝你

1
elenelen896
iT邦新手 5 級 ‧ 2024-10-11 14:19:50

恭喜~~

hannnahTW iT邦新手 2 級 ‧ 2024-10-14 22:55:35 檢舉

Thank you~

我要留言

立即登入留言